/* CSS Document */
@font-face {
    font-family: 'impact';
    src:    url('../fonts/impact.eot');
    src:    url('../fonts/impact.eot') format('embedded-opentype'),
        url('../fonts/impact.ttf') format('truetype'),
        url('../fonts/impact.woff') format('woff'),
        url('../fonts/impact.svg') format('svg');
}
#spotlight { display:none;}
#spotlight.show { display:block;}
header{
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 90;
    transition: all .2s;
}
.header-con{ border-bottom:1px solid rgba(255,255,255,0.43); height:96px;background: rgba(0,0,0,0.27);}

.header-con.blue{ border-bottom:1px solid rgba(0,100,179,0.43);}

.header-con .top-brand .w{display:block;}
.header-con .top-brand .b{display:none;}
.header-con.blue .top-brand .w{display:none;}
.header-con.blue .top-brand .b{display:block;}
.header-con.bg{ background:rgba(255,255,255,0.8);}

.header-con .nav-item .nav-link{ color:#ffffff; padding-left:25px; padding-right:25px; padding-bottom: 32px;}
.header-con .nav-item .nav-link:hover{ color:#0064b3;}
.header-con.blue .nav-item .nav-link{ color:#0064b3; padding-left:25px; padding-right:25px; padding-bottom: 32px;}
.header-con.blue .nav-item .nav-link:hover{ color:#0064b3;}
.header-con .nav-item.show>.nav-link { color:#0064b3;}
.header-con .dropdown-menu{ background:rgba(255,255,255,0.8); border-top-left-radius:0px; border-top-right-radius:0px; margin-top:0;}
.header-con .dropdown-menu .dropdown-item{ font-size:14px;}

.header-con .navbar-toggler {
    color: rgba(255,255,255,.9);
    border: none;
}
.header-con.blue .navbar-toggler {
    color: rgba(0,100,179,.9);
}
.header-con .navbar-toggler:focus{
	outline: none;
}
.top-navbar{ padding-top:30px; padding-right:200px; padding-left:240px;}

.navbar-toggler-btn{ display:none; position:absolute; right:200px; top:18px; height:56px;}
.top-brand{ position:absolute; left:1%; top:14px; height:56px;}
.top-brand img{height:100%;}
.top-right{ position:absolute; right:0; top:0;}
.top-right-item{ float:left;}
.top-right-item{ border-left:1px solid rgba(255,255,255,0.43); height:96px; padding:35px; line-height:26px;}
.top-right-item a{ color:#ffffff;}
.top-right-item a:hover{ color:#0064b3; text-decoration:none;}

.header-con.blue .top-right-item{ border-left:1px solid rgba(0,100,179,0.43);}
.header-con.blue .top-right-item a{ color:#0064b3;}
.header-con.blue .top-right-item a:hover{ color:#0064b3; text-decoration:none;}



.index-swiper{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index-swiper-con{
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.right-nav{position: fixed; top: 50%; right:0; color:#ffffff; margin-top:-55px;}
.right-nav ul li{ list-style:none; margin:6px 0;text-align:right;}
.right-nav ul li a{ color:#ffffff; cursor:pointer; font-size:16px; }
.right-nav ul li a span{ opacity: 0; min-height:20px;    display: inline-block;}
.right-nav ul li a:after{ content:""; display:block; width:0%; float:right; margin-top:14px; margin-left:10px; width:40px;  bottom:-8px; left:0; height:2px; background:rgba(255,255,255,1); transition: width .2s;}
.right-nav ul li.active a:after,.right-nav ul li a:hover:after{width:64px;}
.right-nav ul li.active a span,.right-nav ul li a:hover span{ opacity: 1;}

.swiper-about{width: 100%; height: 100%; background:url(../images/bg-1.jpg) no-repeat; background-size:cover;}
.swiper-ld{background:url(../images/ldj-bg.jpg) no-repeat; background-size:cover;}
.swiper-zs{background:url(../images/zsj-bg.jpg) no-repeat; background-size:cover;}
.swiper_about_imgs{width: 100%; height: 100%;}
.index-about-con{ position:absolute; z-index:10; top:26%; width:100%; margin:auto; text-align:center; padding:15px;}
.index-zsj-con{ margin-left:-305px; margin-top:-154px;}



.video-icon-con .video-icon{ margin-left: auto; margin-right: auto; margin-top:88px; position:relative; cursor: pointer; width: 88px; height: 88px; font-size: 38px; padding: 25px 35px; color:#ffffff; -moz-transition: 0.5s ease; /* Firefox 4 */
	-webkit-transition: 0.5s ease; /* Safari 和 Chrome */
	-o-transition: 0.5s	ease; }
.video-icon-con .video-icon:before{ content:"";position: absolute; left: 0; top: 0; width: 88px; height: 88px;  background: url(../images/video-icon.png) no-repeat; background-size: cover; 
	webkit-animation: video-rotate 2s linear infinite;
    animation: video-rotate 2s linear infinite;}
.video-icon-con .video-icon:hover{ 
	        transform:scale(1.1,1.1);
            -ms-transform:scale(1.1,1.1); /* IE 9 */
            -moz-transform:scale(1.1,1.1); /* Firefox */
            -webkit-transform:scale(1.1,1.1); /* Safari and Chrome */
            -o-transform:scale(1.1,1.1); /* Opera */}
@-webkit-keyframes video-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}
@keyframes video-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}

.videos {
    display: none;
    background: rgba(0,0,0,0.9);
    position: fixed;
    /* left: 0; */
    right: 15px;
    /* top: 50%; */
    bottom: 15px;
    width: 352px;
    height: 192px;
    /* width: auto; */
    z-index: 10000;
}
.videos-con{border: 1px solid #080808; /*position:fixed;*/ width: 100%; height: 100%;}
.videos-con video{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
.vclose { position:absolute;right:5%; top:5%; border-radius:100%; cursor: pointer; }

.history-item{ color:#ffffff;}
.history-item-img{ float:left; width:40%;}
.history-item-right{ float:right; width:50%; position:relative;}

.history-time{ position:absolute; top:0; left:-40px; font-size:200px; font-weight:bolder; color:#ffffff; opacity:0.1; line-height:160px;}
.history-item-right-con{ padding-top:110px;}
.history-title{ font-size:26px; font-weight:bolder; margin-bottom:30px; }
.history-p{ max-width:380px;}

.about-title-con{ position:absolute; z-index:10; top:20%; left:18%; padding:15px;}

.container-title{ font-size:16px; color:#0064b3; margin-bottom:26px;}

.swiper-pro{width: 100%; height: 100%; background:url(../images/pro-bg.jpg) no-repeat; background-size:cover;}
.pro-btns{ position:absolute; font-size:80px; top:50%; color:#0064b3;width: 100%; left: 0;}
.pro-btns .pro-swiper-prev{ position:absolute; left:29.5%; z-index:999;}
.pro-btns .pro-swiper-next{ position:absolute; right:29.5%; z-index:999;}
.pro-page{bottom: 10%;left: 0;width: 100%;}
.pro-page span{margin-left: 5px;margin-right: 5px; width:12px; height:12px; background:#0064b3;}
.index-pro-con{width: 100%; height: 100%; }
.index-pro-swiper{width: 100%; height: 100%; }
.pro-swiper-container{width: 100%; height: 100%; }
.pro-swiper-container .pro-list-item a:hover{ text-decoration:none;}
.pro-swiper-container .pro-list-item .pro-name-b{ display:none; width:100%; padding: 0 50px;}
.pro-swiper-container .pro-list-item .pro-name-s{ display:block; width:100%;}
.pro-name{ font-size:16px;}
.pro-name h1{ font-weight:bolder; color:#0064b3; font-size: 1.5rem;}
.pro-swiper-container .pro-list-item {
	width: 100%; height: 100%;
	/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  
    text-align: center;
	transition: 300ms;
	transform: scale(0.6);
}
.pro-swiper-container .swiper-slide-active{
    transform: scale(1.2);
}
.pro-swiper-container .swiper-slide-active .pro-name-b{display:block;}
.pro-swiper-container .swiper-slide-active .pro-name-s{display:none;}

.swiper-news{width: 100%; height: 100%; background:url(../images/bg-4.jpg) no-repeat; background-size:cover;}
.index-news-con{width: 100%; height: 100%; text-align:center; /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  }
	  
	 .swiper-contact{width: 100%; height: 100%; }
	 .swiper-slide.foot {height: auto;}
	 
	 .index-contact-con{width: 100%; height: 100%;}
	 .index-contact-swiper{width: 100%; height: 100%;}
	 .contact-swiper-con{width: 100%; height: 100%;}
	 .contact-item{width: 100%; height: 100%;}
	 .index-contact-l{ width:40%; float:left; padding-top:10%; padding-left:5%;}
	 .index-contact-r{ width:60%; float:right; height:100%; background-size:cover; background-position: center center;}
	 
	 
	 
	 .swiper-case{width: 100%; height: 100%;}
	 .index-case-con{width: 100%; height: 100%;}
	 .case-ld{width: 100%; height: 100%;}
	 .case-item-con{position:absolute; top:0; left:0;width: 100%; height: 100%;}
	 .case-item{ float:left; width:25vw; height:100%; position:relative;}
	 .case-ld-item{width:100%; }
	 .case-item .case-item-s{width: 100%; height: 100%; background:no-repeat; background-size:cover;}
	 .case-item .case-item-b{width: 100%; height: 100%; background:no-repeat; background-size:cover;}
	 .case-item .case-item-s{ display:block;}
	 .case-item .case-item-b{ display:none;}
	 .index-case-con.active .case-item .case-item-s{ display:none;}
	 .index-case-con.active .case-item .case-item-b{ display:block;}
	 
	 .case-item .word{ font-size:670px; line-height:500px; font-weight:bolder; color:#0064b3; opacity:0.09; position:absolute; right:-250px; top:-10px; transition: 0.5s;}
	 .case-item .text{ position:absolute; left:60px; top:20%; min-width:200px; transition: 0.5s;}
	 .case-item .text .case-title{ font-size:30px; font-weight:bolder; color:#0064b3; margin-bottom:30px;}
	 .case-item .text .case-items ul li{ list-style-position: inside; color: #0064b3; padding:3px 0;}
	 .case-item .text .case-items ul li span{ color: #333333;}
	 .index-case-con.active .case-item .word{ left:60px; top:10%;}
	 .index-case-con.active .case-item .text{ left:230px; top:25%;}
	 .index-case-con.active .case-item .text .case-title{ color: #ffffff;}
	 .index-case-con.active .case-item .text .case-items ul li{ color: #ffffff;}
	 .index-case-con.active .case-item .text .case-items ul li span{ color: #ffffff;}
	 
	 .case-ld .case-ld-item .word{ left:60px; top:10%;}
	 .case-ld .case-ld-item .text{ left:230px; top:25%;}
	 .case-ld .case-ld-item .case-item-b{ display:block;}
	 
	 .case-pc{display:block; width: 100%; height: 100%;}
	 .case-mob{display:none; width: 100%; height: 100%;}
	 .case-mob .case-item{ width: 100%;}
	 .case-swiper{width: 100%; height: 100%;}
	 .index-history-con{width: 100%; height: 100%;}
	 .index-history-conner{width: 100%; height: 100%;}
	 .index-history-swiper{ width:90%; padding-top:15%; margin:auto;}
	 .index-history-time{ width:90%; position:absolute; bottom:5%; left:5%;}

	 .timer-list{ position:relative; text-align:center; color: #ffffff;}	
	.timer-list .dot {
	display: block;
	margin:auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    line-height: 7px;
    text-align: center;
    background-color: #ffffff;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.index-history-time-con{ position:relative;}
.index-history-time:after{
	content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 3px;
    left: 0;
	opacity:0.47;
	background-color: #ffffff;}
.timer-list.swiper-slide-thumb-active .dot {
	background-color: #0064b2;
}
.timer-list .pre-line {
    position: absolute;
    top: 3px;
    width: 0;
    height: 1px;
    left: 50%;
    opacity: 0;
}
.timer-list.swiper-slide-thumb-active .pre-line {
   opacity: 1;
   width: 100%;
   transition:width 6s; /* Safari 和 Chrome */
   
}

.timer-list .pre-line:after {
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	background-color: #0064b2;
	
}



.index-about-p-con{ width:90%; margin:auto; padding-top:80px;}
.index-about-p-left{ width:55%;  float:left;}
.index-about-p-num{ position:relative; color:#ffffff; z-index:10; margin-top:40px; padding:33px 0;}
.index-about-p-img{ width:48%; float:right; margin-right:-5%;}

.index-about-p-num .num-bg{ position:absolute; top:0; bottom:0; z-index: -1; left:0; right:-112px; background:#0064b3; opacity:0.83;}

.num-item{ display:inline-block; text-align:right; padding-left:36px; padding-right:36px; border-right:1px solid rgba(255,255,255,0.52);}
.num-item:last-child{ padding-right:0px; border-right:none;}
.about-num{ font-family:"Impact"; font-size:80px; line-height:80px;}


.swiper_containercon,.pro-view-containercon{ height:100%; width:100%;}
.swiper_containercon .swiper-slide,.pro-view-containercon .swiper-slide{
        height: auto;
    }
    

.container-title-2{text-align:center; color:#0064b3; margin-bottom:10px;}
.container-title-2 .title-en{ font-size:84px; font-family:"Impact";  line-height:80px; text-transform: uppercase; color:#e7e7e7;}
.container-title-2 h1{ margin-top:-36px;}
.container-title-2 hr{ border:none; width:82px; border-bottom:5px solid #2b7ec0; display:inline-block;}

.container-service-title h1{ margin-top:0px;}

.about-imgs-p{ max-width:735px; margin:auto; text-align:center;}
.about-imgs-contain{ margin-top:36px;}

.factory-item a{ display:block; position:relative; cursor:pointer;}
.factory-item a .factory-item-p{ position:absolute; top:0; bottom:0; left:0; right:0;}
.factory-item a .factory-item-p .factory-item-p-con{ width:100%; height:100%; background:rgba(43,126,192,0.76); text-align:center; color:#ffffff; padding:15px;
/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;}
	.factory-item a .factory-item-p{ display:none;}
	  .factory-item a:hover .factory-item-p{ display:block;}
	  .factory-item a .factory-item-p h3{ font-size:24px; margin-bottom:20px;}
		.factory-btns{ text-align:center; margin-top:15px;}
		.factory-btns ul{ display:inline-block;}
	  .factory-btns ul li{ list-style:none; float:left;  font-size:26px; padding:15px;}
	  .factory-btns ul li.btns-lager{  font-size:36px; padding:12px; }
	  .factory-btns ul li.btns-lager a{  color:#c9c9c9;}
	  .factory-btns ul li a{ color:#c9c9c9;}
	  .factory-btns ul li a:hover{ color:#0064b3;}
.index-about-imgs{ margin-top:80px; margin-bottom:80px; width: 90%; margin-left: auto; margin-right: auto;}
.index-about-imgs-1{ width:90%; margin:auto; margin-bottom:86px; text-align:center; }

.swiper-honor{width: 100%; height: 100%; background:url(../images/honor-bg.jpg) no-repeat; background-size:cover;}
.swiper-honor-con{width:90%; margin:auto; padding-top:14%; color:#ffffff; }
.honor-left{width:320px; float:left;}
.honor-right{width:calc(100% - 350px); float:right;}
.honor-title{ color:#ffffff;}
.honor-icon{ margin-bottom:20px;}
.honor-item a{cursor:pointer; text-align:center; display:block; width:100%;}

.honor-contain{ margin-top:60px;}
.honor-btns{   padding-top:0.5rem;}
.honor-btns .honor-btn{ opacity:0.8; display:inline-block; border-radius:50%; width:46px; height:46px; border:1px solid #ffffff; padding: 6px 17px; font-size:30px; margin-right:10px; cursor:pointer; background: none;}
.honor-btns .honor-btn:hover{opacity:1;}


.swiper-contact-video{width: 100%; height: 100%; background:url(../images/contact-bg.jpg) no-repeat; background-size:cover;}

.contact-video-bg{position:absolute; top:0; left:0; bottom:0; right:0; background:#1373bf; opacity:0.7; }
.contact-title-con{position:absolute; top:45%; font-size:36px; width:100%; color:#ffffff; text-align:center; letter-spacing:10px;}
.contact-title-con h1{  font-size:90px; font-family:"Impact"; text-transform: uppercase; letter-spacing:0px;}

.contact-map{ width:100%; height: 100%;}

.contact-nav{ position:absolute; bottom:30px; right:5%; z-index:10; }
.contact-nav ul li{ list-style:none; display:inline-block; padding-right:30px;}
.contact-nav ul li a{ cursor:pointer; position: relative; color:#ffffff; font-size:26px;}
.contact-nav ul li a:hover{ color:#ffffff;}
.contact-nav ul li a:after{ content:""; display:block; width:0%;  position:absolute; bottom:0px; left:0; height:3px; background:rgba(255,255,255,0.6); transition: width .2s;}
.contact-nav ul li a:hover:after,.contact-nav ul li.active a:after{ width:100%; }
.index-contact-conner-p{ color:#ffffff;}
.contact-p-title-con{ font-size:26px; line-height:36px;}

.contact-p-title{ float:left; width:350px;}
.contact-p-conner{ float:left; width:calc(100% - 370px);}

.service-p{ margin-bottom:60px;}

.foot{ background:#eaeaea; padding-top:36px;}
.foot-con{ width:90%; margin:auto;}
.foot-left{ width:50%; float:left;}
.foot-right{ width:50%; float:left; padding-left:36px; }

.foot-nav-item{ width:50%; float:left; padding-right:30px;}
.foot-nav-title{ font-size:20px; color:#0064b3; border-bottom:1px solid #dddddd; padding:15px 0; margin-bottom:15px;}
.foot-nav-ul{ min-height:180px;}
.foot-nav-ul ul li{ list-style:none;}
.foot-nav-ul ul li a{ color:#333333; opacity:0.9;}
.foot-nav-ul ul li a:hover{ color:#0064b3; opacity:1; text-decoration:none;}
.foot-contact{ margin-top:10px;}
.foot-contact ul li{ list-style:none; display:inline-block; margin-right:5%; vertical-align: text-top;}

.foot-map{width:100%; height:288px; padding-top:15px;}
.foot-map #allmap{ width:100%; height: 100%; border:3px solid #e5e5e5;}

.foot-copyright{ margin-top:45px;}
.foot-copyright-con{ width:90%; margin:auto; border-top:1px solid #dddddd; padding-top:18px; padding-bottom:18px;}
.foot-copyright-left{ float:left; width:calc(100% - 190px); padding-top:36px;}
.foot-copyright-left a{ color:#333333; opacity:0.9;}
.foot-copyright-left a:hover{ color:#0064b3; opacity:1; text-decoration:none;}
.foot-copyright-right{ float:right;width:181px;}





.swiper-service-video{width: 100%; height: 100%; background:url(../images/service-bg.jpg) no-repeat; background-size:cover;}
.service-video-con{position:absolute; top:50%; left:50%; margin-top: -78px;margin-left:-258px;}

.pro-title-con{ position:relative;}
.pro-title-con h1 { max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.pro-icon-con .video-icon { margin-top: 60px;}
 
 
.pro-view-con{ width:90%; margin:auto; padding-top:15%;}

.pro-view-l{ float:left; width:36%; padding-right:15px;}
.pro-view-r{ float:right; width:62%; padding-left:15px;}
.pro-view-r img{ width:100%;}

.pro-view-conner{ width:90%; margin:auto; padding-top:120px; padding-bottom:120px;}
.pro-view-cs-list{ margin-bottom:30px;}
.pro-view-cs-detail{ text-align:center;}

.pro-view-name{margin-bottom:30px;}


.index-contact-bg{width: 100%; height: 100%;}

.index-contact-conner{ position:absolute; bottom:0; width:100%; background:rgba(0,100,179,0.95); z-index: 100;}
.index-contact-conner-p{ width:90%; margin:auto; padding-top:50px; padding-bottom:30px;}

.pro-view-more a{ display:inline-block; background:#206fb6; color:#ffffff; padding:10px; min-width:168px; text-align:center; margin-top:30px;}
.pro-view-more .pro-view-more-btn{ margin-right:15px;}

#tags{ padding:0; overflow:hidden; list-style: none; margin-bottom:20px;}
#tags li{ float:left; margin:0.6%; font-size:16px;}
#tags li a{ color:#333333;padding:8px 20px; display: block;background: #d9d9d9; border-radius:6px;  text-align:center; min-width: 160px;}
#tags .selectTag a{background:#206fb6; color: #ffffff; text-decoration: none;}
#tags li a:hover{ background:#206fb6; color: #ffffff; text-decoration: none; }

.tagContent {PADDING: 10px; DISPLAY: none;}
.selectTag {DISPLAY: block}

.container-banner{ width:100%; height:100vh;position:relative;}
.pro-view-intro{ margin-bottom:30px;}

@keyframes downscroll {
	0% {
		opacity: 0;
	}
	
	5% {
		opacity: 1
	}
	
	to {
		opacity: 0;
		top: 100%;
	}
}
@-webkit-keyframes downscroll {
	0% {
		opacity: 0;
	}
	
	5% {
		opacity: 1
	}
	
	to {
		opacity: 1;
		top: 100%;
	}
}

.scroll-icon{cursor:pointer;position:absolute;z-index: 10;left:50%; bottom:5%;  width:27px; height:27px;     margin-left: -13px;}
.scroll-icon-con{ position:absolute;  top:0; width:27px; height:15px; background:url(../images/down-icon.png) center center no-repeat; background-size:cover; 
webkit-animation: downscroll 1s ease-out 425ms infinite;
    animation: downscroll 1s ease-out 425ms infinite;
}
@media screen and (max-width:1500px) {
	.contact-nav ul li a{ font-size:20px;}
	
	.contact-p-title-con h1{ font-size:30px;}
	.contact-p-title-con{ font-size:20px; line-height:30px;}
	.pro-name{ font-size:14px;}
	.pro-name h1{ font-size:30px;}
	
}
@media screen and (max-width:1200px) {
	.foot-copyright-left{ padding-top:20px;}
	.index-contact-conner-p{ padding-bottom:40px;}
	.contact-nav{ bottom:10px;}
	.contact-nav ul li a{ font-size:16px;}
}
@media screen and (max-width:991px) {
	
	.top-navbar{ padding-left:0; padding-right:0;    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 0px;
	top:96px;
	background: rgba(255,255,255,0.8);
	    padding-bottom: 0;
	}
	.navbar-toggler-btn{ display:block;}
	.header-con .nav-item .nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
	    color: #333;
		border-bottom:1px solid rgba(255,255,255,0.2);
	}
	
	
	.index-history-swiper{}
	.history-time{ left:0px; font-size:100px; line-height:100px;}
	.history-item-right-con{ padding-top:60px;}
	.history-title{ font-size:18px; margin-bottom:20px;}
	
	.foot-left{ width:100%; float:none;}
	.foot-right{ width:100%; float:none; padding-left:15px; }
	.foot-nav-ul{ min-height:100px;}
	
	.index-about-p-left{ width:100%;  float:none;}
	.index-about-p-img{ width:100%; float:none; margin-right:0;}
	
	.honor-left{width:100%; float:none;}
	.honor-right{width:100%; float:none; margin-top:30px;}
	
	.index-pro-con{padding-left:0%; }
	.pro-swiper-container .swiper-slide-active{transform: scale(1);}
	
	.case-pc{display:none;}
	 .case-mob{display:block;}
	 
	 .pro-view-con{ width:90%; margin:auto; padding-top:10%;}

.pro-view-l{ float:left; width:100%; padding-right:0px;}
.pro-view-r{ float:right; width:100%; padding-left:0; margin-top:30px;}
.pro-view-r img{ width:100%;}

.vidbg-container{ display:none;}

.pro-btns .pro-swiper-prev{ left:5%;}
.pro-btns .pro-swiper-next{ right:5%;}

.videos{ bottom:50px;}
}
@media screen and (max-width:768px) {
	.right-nav{ display:none;}
	.history-item-img{ float:none; width:100%;}
	.history-item-right{ float:none; width:100%; position:relative;}
	.index-history-swiper{ }
	
	.contact-title-con h1{ font-size:40px; }
	.contact-title-con{ font-size:20px;}
	.contact-p-title{ float:none; width:100%;}
	.contact-p-conner{ float:none; width:100%; margin-top:20px;}
	
}
@media screen and (max-width:680px) {
	.header-con{ height:60px;}
	.top-brand{ top:11px; height:40px; left:15px;}
	.top-navbar { top:60px;}
	.top-right-item{height:60px;padding: 18px;}
	.navbar-toggler-btn {right: 110px; top: 4px; }
	.foot-copyright-left{ padding-top:0px;}
	
	
}